import moment from 'moment'
const directives = {
  // 图片地址错误处理
  imgerror: {
    inserted(dom, obj) {
      dom.src = dom.src || obj.value || require('@/assets/common/person.png')
      dom.onerror = () => {
        dom.src = obj.value || require('@/assets/common/person.png')
      }
    },
    componentUpdated(dom, obj) {
      dom.src = dom.src || obj.value || require('@/assets/common/person.png')
    }
  },

  // 时间日期格式化
  formatDateTime: {
    inserted(dom, obj) {
      dom.innerText = moment(obj.value).format('YYYY-MM-DD HH:mm:ss')
    },
    componentUpdated(dom, obj) {
      dom.innerText = moment(obj.value).format('YYYY-MM-DD HH:mm:ss')
    }
  },

  // 日期格式化
  formatDate: {
    inserted(dom, obj) {
      dom.innerText = moment(obj.value).format('YYYY-MM-DD')
    },
    componentUpdated(dom, obj) {
      dom.innerText = moment(obj.value).format('YYYY-MM-DD')
    }
  }
}

export default {
  install(Vue) {
    Object.keys(directives).forEach((item) => {
      Vue.directive(item, directives[item])
    })
  }
}
